<template>
	<view class="container">
		<common>
			<slot-one>
				<text>23997</text>
				<text>可用积分</text>
			</slot-one>
		</common>
		<view class='inp'>
			<text>兑换现金</text>
			<input type="text" placeholder="你希望用多少来兑换余额">

			<!-- <uni-easyinput v-model="showName" type="text" maxlength="-1" placeholder='你希望用多少来兑换余额'></uni-easyinput> -->
		</view>
		<text>规则: 100 积分兑换100金额，兑换成功后，可以在我的钱包查
			看。
		</text>
	</view>
</template>

<script>
	import common from '@/pages/integral/common/common.vue'
	export default {
		data() {
			return {

			}
		},
		components: {
			common
		}
	}

</script>

<style lang="scss" scoped>
	.container {
		background-color: #f7f8fa;
		height: 100vh;
	}

	.inp {
		margin: 10px;
		box-sizing: border-box;
		background-color: #fff;
		padding: 10px;
		border-radius: 10px;
	}

</style>

